import { render, createVNode } from 'vue'
import Message from './index.vue'

// 虚拟DOM 三个方法 type是颜色 text 文字 time 时间
export function message ({ type, text, time = 2000 }) {
  // 虚拟DOM
  const msg = createVNode(Message, { type, text })
  // 转换成真实DOM 渲染到body上
  render(msg, document.body)
  // 显示弹窗
  msg.component.setupState.isShow = true
  setTimeout(() => {
    // 几秒之后 隐藏
    msg.component.setupState.isShow = false
  }, time)
}
